<div style="font-size: 24px; margin: 15px auto auto 25px;">Contatos</div>
<ul>
	<li>
		<div style="float:left; ">
	  		<img alt="" width="24px" height="24px" src="<?php echo bloginfo('template_directory')?>/images/icon/email.png">
	  	</div>
	  	<div style="margin: 0 25px 0 0;">&nbsp;&nbsp;E-mail</div>
  	</li>
  	<li><div></div><div style="color: #008ad2">&nbsp;&nbsp;ripiranga@gmail.com</div></li>
</ul>

<hr size="2" color= "#f2f2f2" style="width: 230px; margin: 15px auto auto 30px;" />

<ul>
	<li>
		<div style="float:left; ">
	  		<img alt="" width="24px" height="24px" src="<?php echo bloginfo('template_directory')?>/images/icon/mobile-phone.png">
	  	</div>
	  	<div style="margin: 0 25px 0 0;">&nbsp;&nbsp;Telemóvel</div>
  	</li>
  	<li><div></div><div style="color: #008ad2">&nbsp;&nbsp;(00351) 913 740 307</div></li>
</ul>
<hr size="2" color= "#f2f2f2" style="width: 230px; margin: 15px auto auto 30px;" />

<ul>
	<li>
		<div style="float:left; ">
	  		<img alt="" width="24px" height="24px" src="<?php echo bloginfo('template_directory')?>/images/icon/laptop.png">
	  	</div>
	  	<div style="margin: 0 25px 0 0;">&nbsp;&nbsp;Página web</div>
  	</li>
  	<li><div></div><div style="color: #008ad2;">&nbsp;&nbsp;www.renatoipiranga.com</div></li>
  	<li><div></div><div style="color: #008ad2; margin: 10px 0 0 20px;">&nbsp;&nbsp;<img alt="" width="104px" height="170px" src="<?php echo bloginfo('template_directory')?>/images/criador/page/ripiranga.png"></div></li>
</ul>


<!--  ====================================================================== -->
<?php do_vertical_space('30')?>
<div style="font-size: 24px; margin: 15px auto auto 25px;">O Criador</div>
<ul>
	<li>
		<div style="float:left; ">
	  		<img alt="" width="22px" height="22px" src="<?php echo bloginfo('template_directory')?>/images/icon/globe.png">
	  	</div>
	  	<div style="margin: 0 25px 0 0;">&nbsp;&nbsp;Localidade</div>
  	</li>
  	<li><div></div><div style="color: #008ad2">&nbsp;&nbsp;Braga</div></li>
</ul>
<hr size="2" color= "#f2f2f2" style="width: 230px; margin: 15px auto auto 30px;" />

<ul>
	<li>
		<div style="float:left; ">
	  		<img alt="" width="22px" height="22px" src="<?php echo bloginfo('template_directory')?>/images/icon/modalidade.png">
	  	</div>
	  	<div style="margin: 0 25px 0 0;">&nbsp;&nbsp;Modalidade</div>
  	</li>
  	<li><div></div><div style="color: #008ad2">&nbsp;&nbsp;Ornitologia</div></li>
</ul>
<hr size="2" color= "#f2f2f2" style="width: 230px; margin: 15px auto auto 30px;" />

<ul>
	<li>
		<div style="float:left; ">
	  		<img alt="" width="24px" height="24px" src="<?php echo bloginfo('template_directory')?>/images/icon/filiado.png">
	  	</div>
	  	<div style="margin: 0 25px 0 0;">&nbsp;&nbsp;Filiado nas Coletividades</div>
  	</li>
  	<li><div></div><div style="color: #008ad2">&nbsp;&nbsp;Clube Ornitológico de Braga</div></li>
  	<li><div style="float:left; width:24px; height:24px;"></div></li>
  	<li><div></div><div style="color: #008ad2">&nbsp;&nbsp;Clube do Canário Arlequim</div></li>
  	<li><div></div><div style="color: #008ad2">&nbsp;&nbsp;Associação dos Avicultores</div></li>
</ul>
<hr size="2" color= "#f2f2f2" style="width: 230px; margin: 15px auto auto 30px;" />

<ul>
	<li>
		<div style="float:left; ">
	  		<img alt="" width="24px" height="24px" src="<?php echo bloginfo('template_directory')?>/images/icon/id-card.png">
	  	</div>
	  	<div style="margin: 0 25px 0 0;">&nbsp;&nbsp;Identificação de Criador</div>
  	</li>
  	<li><div></div><div style="color: #008ad2;">&nbsp;&nbsp;STAM</div></li>
  	<li><div></div><div style="color: #008ad2; margin: 10px 0 0 20px;">&nbsp;&nbsp;<img alt="" width="152px" height="96px" src="<?php echo bloginfo('template_directory')?>/images/icon/STAM.png"></div></li>
</ul>
<hr size="2" color= "#f2f2f2" style="width: 230px; margin: 15px auto auto 30px;" />

<ul>
	<li>
		<div style="float:left; ">
	  		<img alt="" width="24px" height="24px" src="<?php echo bloginfo('template_directory')?>/images/icon/unlock.png">
	  	</div>
	  	<div style="margin: 0 25px 0 0;">&nbsp;&nbsp;Licença de Criador</div>
  	</li>
  	<li><div></div><div style="color: #008ad2;">&nbsp;&nbsp;11PT0290/B</div></li>
  	<li><div></div><div style="color: #008ad2; margin: 10px 0 0 20px;">&nbsp;&nbsp;<img alt="" width="152px" height="96px" src="<?php echo bloginfo('template_directory')?>/images/icon/licença.png"></div></li>
</ul>

<?php do_vertical_space('56'); ?>

<div id="criador-contato">

    <div class="box">
        <ul class="clearfix" style="margin: 0;">
            <li class="active" style="width: 121px;">Cotatar Criador</li>
            <li style="width: 122px;">Recomendar</li>
        </ul>
        <div class="content" style="width: 290px;">
            <div>
				<form action="#" method="post">
					<ul id="contactform" style="margin: 0;">
						<li>
							<label for="msg">Texto</label>
							<span class="msgbox"><textarea class="area" id="msg" name="msg" rows="8" cols="30"></textarea></span>
						</li>						
						
						<li>
							<label for="name">Nome</label>
							<span class="fieldbox"><input type="text" name="name" id="name" value=""/></span>
						</li>	
						<li>
							<label for="email">Telefone</label>
							<span class="fieldbox"><input type="text" name="email" id="email" value=""/></span>
						</li>
						<li>
							<label for="contact">Email</label>
							<span class="fieldbox"><input type="text" name="contact" id="contact" value=""/></span>
						</li>

					</ul>
					
					<input type="radio" >
					<input type="submit" value="Enviar" id="sendbutton" name="sendbutton"/>
				</form>
            </div>
            <div>
                
                <p>Aqui vão os dados pessoais de cada criador</p>
            </div>            

        </div>
	</div>


</div>



